<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="boke">

    <div style="width: 96%;margin: 20px auto;flex-direction:column;justify-content:space-between">
        <div style="height:30px">
            <h2><b>我的博客</b></h2>
        </div>
        <hr style="border: 0; background-color: #ededed; height: 1px;margin: 20px 0" />
        <div  v-for="item in blogs" style="border-bottom: 1px dotted #ddd;margin-bottom: 20px">
            <div style="display: flex;justify-content:space-between">
                <h3 style="width:80%">【{{item.title}}】</h3>
                <div>{{item.postedTime}}</div>
            </div>
            <div style="margin:20px 0;display: flex;justify-content:space-between;font-size:15px;color: #8c939d">
                <div style="display: flex;justify-content:space-between;width:18%">
                    <span>阅读&nbsp;{{item.readCount}}</span>
                    <span>评论&nbsp;0</span>
                    <span>收藏&nbsp;{{item.collectNum}}</span>
                </div>
                <div style="display:flex;justify-content:space-between;width:15%;color: black">
                    <el-link type="primary" icon="el-icon-edit" @click="up()">编辑</el-link>

                    <el-link type="primary" icon="el-icon-view" @click="goFullText(item.id)">浏览</el-link>

                    <el-link type="primary" @click="del(item)">删除</el-link>
                </div>
            </div>
        </div>
        <div style="margin-top: 10px">
            <el-pagination background :page-size="3" layout="prev, pager, next"
                           @current-change="pageChange" :total="total">
            </el-pagination>
        </div>
    </div>

</div>
</body>
</html>